<script language='javascript'>
    var id_user = '';
    var winForm;
    var user_data;
    $(document).ready(function() {
       var panel_1 = Rocket.Create({
            type:'panel',
            id:'formReport_1',
            title:'Reporte crecimiento por lider',
            width:'100%',
            heigth:100,
            collapsible:true,
            isForm:true,
            autoLoad:false,
            renderTo:'DivCrecLider',
            proxy:{
                url: BASE_URL+'reportes/leader_report'
            },
            items: [{
                type: 'select',
                label: 'Tipo',
                name: 'tipo',
                id:'rck_tipo',
                dataField:'texts',
                dataIndex:'value',
                fields:[
                  {value:1,texts:'Personas inscritas en encuentro'},
                  {value:2,texts:'Número de grupos tipo célula'},
                  {value:3,texts:'Número de discipulos'}
                ]
                },{
                    type: 'select',
                    label: 'Desde',
                    name: 'mes_id_inic',
                    id:'rck_mes_inic',
                    dataField:'texts',
                    dataIndex:'value',
                    fields:[
                        {value:'1',texts:'ENERO'},
                        {value:'2',texts:'FEBRERO'},
                        {value:'3',texts:'MARZO'},
                        {value:'4',texts:'ABRIL'},
                        {value:'5',texts:'MAYO'},
                        {value:'6',texts:'JUNIO'},
                        {value:'7',texts:'JULIO'},
                        {value:'8',texts:'AGOSTO'},
                        {value:'9',texts:'SEPTIEMBRE'},
                        {value:'10',texts:'OCTUBRE'},
                        {value:'11',texts:'NOVIEMBRE'},
                        {value:'12',texts:'DICIEMBRE'}
                    ]
                },{
                    type: 'select',
                    label: 'Hasta',
                    name: 'mes_id_fin',
                    id:'rck_mes_fin',
                    dataField:'texts',
                    dataIndex:'value',
                    fields:[
                        {value:'1',texts:'ENERO'},
                        {value:'2',texts:'FEBRERO'},
                        {value:'3',texts:'MARZO'},
                        {value:'4',texts:'ABRIL'},
                        {value:'5',texts:'MAYO'},
                        {value:'6',texts:'JUNIO'},
                        {value:'7',texts:'JULIO'},
                        {value:'8',texts:'AGOSTO'},
                        {value:'9',texts:'SEPTIEMBRE'},
                        {value:'10',texts:'OCTUBRE'},
                        {value:'11',texts:'NOVIEMBRE'},
                        {value:'12',texts:'DICIEMBRE'}
                    ]
                },{
                    type: 'select',
                    label: 'Año',
                    name: 'agno_id',
                    id:'rck_agno',
                    dataField:'texts',
                    dataIndex:'value',
                    fields:[
                        {value:'2012',texts:'2012'},
                        {value:'2013',texts:'2013'},
                        {value:'2014',texts:'2014'},
                        {value:'2015',texts:'2015'},
                        {value:'2016',texts:'2016'}
                    ]
                }],
            buttons:[{
                    type:'button',
                            id:'btnSubmit',
                            name:'submit',
                            value:'Generar',
                            handler:function(){
                                 //ANALIZAMOS LISTA DE LIDERES
                                 var array_leaders = new Array();
                                 
                                 if(rck_mes_inic.value <= rck_mes_fin.value){
                                 $("#select_leader_cell option").each(function () {
                                     array_leaders.push($(this).attr('id'));
                                 });
                                 
                                 if(array_leaders.length > 0){
                                 var values = panel_1.getValues();
                                 //console.debug(values);
                                        Rocket.Request({
                                            url: BASE_URL + 'reportes/leader_report',
                                            data:{
                                                type:values[0].value,
                                                users_group:array_leaders,
                                                agno:values[3].value,
                                                mi:values[1].value,
                                                mf:values[2].value
                                            },
                                            success:function(data) {
                                                if(data.success){
                                                    chart.series[0].setData(data.data[0]);
                                                    chart.xAxis[0].setCategories(data.data[1]);
                                                }
                                            }
                                        })
                                 }
                                 else{
                                      Rocket.Create({
                                                type:'dialog',
                                                title:'Error',
                                                typeAlert:'error',
                                                message:'No ha ingresado a ningun lider'
                                            });
                                 }
                                 }
                                 else{
                                      Rocket.Create({
                                                type:'dialog',
                                                title:'Error',
                                                typeAlert:'error',
                                                message:'Mes final debe ser superior al inicial'
                                            });
                                 
                                 }
                            }}
                    ]
    
         });
         
         
         
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'line',
                marginRight: 130,
                marginBottom: 25
            },
            width:'400',
            
            title: {
                text: 'Crecimiento por grupo',
                x: -20 //center
            },
            subtitle: {
                text: '',
                x: -20
            },
            xAxis: {
	    categories: []
            },
            yAxis: {
                title: {
                    text: 'N° Inscritos'
                },
                plotLines: [{
                        value: 0,
                        width: 1,
                        color: '#808080'
                    }]
            },
            tooltip: {
                formatter: function() {
                    return 'El lider <strong>'+ this.x +'</strong>, cuenta con  <strong>'+this.y+'</strong> <br/>';
                }
            },
            legend: {
                layout: 'vertical',
                align: 'right',
                verticalAlign: 'top',
                x: -10,
                y: 100,
                borderWidth: 0
            },
            series:[
			{
            	name: 'Lideres',
            	data: []
        	}
		]
        }); 
        
        
        $("#select_leader_cell").change(function () {
          var str = "";
          $("#select_leader_cell option:selected").each(function () {
                //str += $(this).text() + " " +$(this).attr('id');
                id_user = $(this).attr('id');
                
              });
          
        })
        .trigger('change');
        
        button_drop = Rocket.Create({
            type:'button',
            name:'btnDrops',
            renderTo:'btns_list',
            id:'rck_button_drop',
            value:'Eliminar',
            handler:function(){
                 drop_user_cell()
            }});
        button_add = Rocket.Create({
            type:'button',
            name:'btnAdds',
            renderTo:'btns_list',
            id:'rck_button_add',
            value:'Agregar',
            handler:function(){
                  showForm();
            }});
        
        
        
        
        
        
    });
    
    function showForm(){
        if(!winForm){
        winForm = Rocket.Create({
                    type:'panel',
                    id:'winForm',
                    title:'Lideres por celula',
                    width:'50%',
                    collapsible:true,
                    modal:true,
                    isForm:true,
                    autoLoad:false,
                    proxy:{
                        url: BASE_URL+'rols/'
                    },
                    items:[{
                            type:'grid',
                            id:'rck_gridUserLeaderCell',
                            width:'100%',
                            heigth:400,
                            autoLoad:true,
                            fit:true,
                            proxy:{
                              url:BASE_URL+'reportes/load_leader_cells'
                            },
                            columns:[
                                {display: 'ID',name: 'UserId',hide:true, width:'10',sortable:true},
                                {display: 'GID',name: 'GrupoId',hide:true, width:'10',sortable:true},
                                {display: 'Nombres',name: 'nombres',width:'10',sortable:true},
                                {display: 'Apellidos',name: 'apellidos',width:'10',sortable:true},
                                {display: 'Nombre Grupo',name: 'ngrupo',width:'10',sortable:true}
                            ],
                            searchitems : [
                                {display: 'Nombres',name: 'nombres', width:'10',sortable:true},
                                {display: 'Apellidos',name: 'apellidos',width:'10',sortable:true},
                                {display: 'Nombre Grupo',name: 'ngrupo', width:'10',sortable:true}  
                            ],
                            itemClick:function(record){
                                    user_data = record;
                                    //console.debug(user_data.get('GrupoId'));
                                    //aqui se guardan los datos pertinentes al usuario
                            }}],
                      buttons:[{
                          type:'button',
                          id:'rck_btnAdd',
                          name:'btnAdd',
                          value:'Agregar',
                          handler:function(){
                              if(user_data != ''){
                                  var flag = true;
                                  var id_option = user_data.get('UserId')+'_'+user_data.get('GrupoId');
                                  $("#select_leader_cell option").each(function () {
                                  if($(this).attr('id') == id_option) flag = false;
                                  });
                                  
                                  //console.debug(flag);
                                  if(flag == true){
                                      $("#select_leader_cell").append('<option id="'+id_option+'">'+user_data.get('nombres')+' '+user_data.get('apellidos')+'</option>');
                                  }
                                  else {
                                           Rocket.Create({
                                                type:'dialog',
                                                title:'Error',
                                                typeAlert:'error',
                                                message:'Este usuario ya esta incluido en la lista'
                                            });}
                                  user_data = '';
                              }
                          }
                      },{
                         type:'button',
                         id:'rck_btnDrop',
                         name:'btnDrop',
                         value:'Cerrar',
                         handler:function(){
                              winForm.close();
                         }
                      }]
            });
         }
         winForm.show();           
        }
    
    function drop_user_cell(){
            
            $("#select_leader_cell option:selected").each(function () {
               if($(this).attr('id') == id_user) $(this).remove();
            });
        }
    

</script>

<style type="text/css">
    #div_users label{
        margin:20px 0 0 10px;
        float:left;
        width:100%;
    }
    #select_leader_cell{
        /*float:left;*/
        width:40%;
        margin:2% 0 2% 0;
    }
</style>
<?php echo utf8_decode($module_banner);?>
<ul class='ul_page'>
    <li>
        <div id="div_users">
            <label>Seleccione los lideres que desea consultar</label>
            <select id="select_leader_cell" size="5" style="margin-left:10px">
            </select>
        </div>
        <div id="btns_list"></div>
        <div id="DivCrecLider"></div>
        <div id="container"></div>
    </li>
</ul>

<?php
?>
